<template>
    <page-body>
        <view class="page">
           
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout flex_1_higd">
                <!-- <image class='fd1_0_higd' mode="aspectFit" :src='infos.fmt'></image>
                <view class='flex flex-wrap align-center fd1_1_higd'>
                    <text class='fd1_1_c0_higd'>{{infos.casecate_cate_name}}</text>
                </view>
               <view class='flex flex-wrap align-center fd1_1_higd'>
                    <text class='fd1_2_c0_higd'>{{infos.introduce}}</text>
                </view>
                <view class='flex flex-wrap align-center fd1_1_higd'>

                    <view class='flex  fd1_3_c0_higd'></view>

                    <text class='fd1_3_c1_higd'>产品详情</text>
                </view> -->
                <jyf-parser class='fd1_4_higd' :html="infos.content | richTextFormat" >
                </jyf-parser>
            </view>

            <!---flex布局flex布局结束-->


        </view>
    </page-body>
</template>
<script>
    export default {
        components: {},


        data() {
            return {
				infos:{},
				aid:1,
			};
        },
        computed: {

        },
        watch: {},
        onLoad(options) {
			this.aid=options.id
			this.getinfo()
        },
        onUnload() {

        },
        onReady() {

        },
        onShow() {
		
        },
        onHide() {

        },
        onResize() {

        },
        onPullDownRefresh() {

        },
        onReachBottom(e) {

        },
        onPageScroll(e) {

        },
        methods: {
			async getinfo() {
				//请求方法
				//数据验证
			
				let datanewlist = await this.$api.get(global.apiUrls.post6768d897841d0, {
						casecate_id:this.aid
				});
			
				if (datanewlist.data.code != 1) {
					this.$message.info(datanewlist.data.msg);
					return
				}
				let infonewlist = datanewlist.data;
				this.infos = infonewlist.data
			
			},
        }
    };
</script>
<style lang="scss" scoped>
    .page {
        width: 100vw;
        overflow-x: hidden;
        min-height: calc(100vh - var(--benben-window-bottom, 0px));
        background: rgba(255, 255, 255, 1);
        background-size: 100% auto;

        .flex_1_higd {
            padding: 0rpx 24rpx 0rpx 24rpx;
			width: 100%;
            .fd1_0_higd {
                width: 100%;
                height: 400rpx;
                border-radius: 10rpx;
				margin: 32rpx 0;
            }
        }

        .fd1_1_higd {
            margin: 0rpx 0rpx 32rpx 0rpx;

            .fd1_1_c0_higd {
                font-size: 32rpx;
                font-weight: 700;
                color: #333;
            }
        }

        .fd1_2_c0_higd {
            font-size: 28rpx;
        }

        .fd1_3_c0_higd {
            width: 1rpx;
            height: 30rpx;
            background-color: blue;
            margin: 0rpx 10rpx 0rpx 10rpx;
        }

        .fd1_3_c1_higd {
            font-size: 32rpx;
            font-weight: 700;
        }

        .flex_0_higd {
            width: 750rpx;
            height: 88rpx;
            overflow: hidden;
            z-index: 10;
            top: 0rpx;
            background: #fff;
            background-size: 100% auto !important;

            .fd0_0_higd {
                padding: 0rpx 32rpx 0rpx 32rpx;

                .fd0_0_c1_c0_higd {
                    font-size: 36rpx;
                    font-weight: 700;
                    color: #333333;
                    line-height: 50rpx;
                }
            }
        }

        .fd0_0_c0_higd {
            width: 120rpx;

            .fd0_0_c0_c0_higd {
                font-size: 36rpx;
                color: #333;
            }
        }
    }

    ::v-deep .fd1_4_higd {
        width: 100%;
    }
</style>